
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="../img/g.ico" mce_href="#" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>Guo</title>

<link rel="stylesheet" type="text/css" href="../css/normalize.css" />
<link rel="stylesheet" type="text/css" href="../css/demo.css" />

<!--必要样式-->
<link rel="stylesheet" type="text/css" href="../css/component.css" />
<style type="text/css">
	#bar {
		margin-left: 65%;
	}
	.box {
			display:block; 
			white-space:nowrap;
	    	overflow:auto;
	    	font-size: 22px;
	    }
		.box li {
			width:100px;
			height:80px;
			margin-left:5px;
			display: inline-block;
		}
</style>
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->
</head>
<body>
		<div class="container demo-1">
			<div class="content">
				<div id="large-header" class="large-header">
					<div id="bar">
					<ul class="box">
						<li><a href="index.html">时光相册</a></li>
						<li><a href="map.html">梦想起航</a></li>
						<li><a href="img.html" target="_blank">Contact us</a></li>
					</ul>
					</div>
					<canvas id="demo-canvas"></canvas>
					<h1 class="main-title">表白<span class="thin">，我的郭</span></h1>
				</div>
			</div>
		</div><!-- /container -->
		<script src="../js/TweenLite.min.js"></script>
		<script src="../js/EasePack.min.js"></script>
		<script src="../js/rAF.js"></script>
		<script src="../js/demo-1.js"></script>
	</body>
</html>